<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
    <title>酷指数 - 酷兒</title>
    <link href="js/select_group/css/select_group.css?t=20160534" rel="stylesheet" />
    <link rel="stylesheet" href="css/weui.min.css" />
    <link rel="stylesheet" href="css/index.css?t=201606280" />
</head>
<body>
    <div class="container" id="container"></div>
    <script type="text/html" id="tpl_qooindex">
        <div class="qoo_index_container">
            <div class="qoo_index_top">
                <div class="head" style="z-index:2"></div>
                <div style="position:absolute;z-index:1;margin:0.625rem 0 0 1.2rem;width:3.2rem;height:3.2rem;overflow:hidden;text-align:center"><img src="images/head.png" id="qooIndexHead" /></div>
                <div class="text" id="qooIndexNickname">昵称：酷兒2016</div>
            </div>
            <div class="qoo_index_content">
                <div style="margin:0.53125rem auto;text-align:center"><img class="logo" src="images/qoo-index.png" /></div>
                <div id="gaugeChart"></div>
                <div class="qiqiu"><div style="margin-top:3.4625rem;" id="qooIndexValue"><span class="num0"></span></div></div>
            </div>
            <div class="qoo_index_footer">
                <div class="rowline">
                    <a href="#/qooindexintro" id="qooIntro"></a>
                    <a href="#/form" id="qooForm"></a>
                </div>
                <div class="rowline">
                    <a href="#/topdata" id="qooTopdata"></a>
                    <a href="javascript:void(0)" id="qooActivity"></a>
                </div>
            </div>            
        </div>
    </script>
    <script type="text/html" id="tpl_qooindexintro">
        <!--Qoo指数说明-->
        <div style="width:95%;background-color:transparent;margin:2rem auto 0;">
            <div class="weui_dialog_bd qoo_index_intro">
                <a href="#/qooindex" id="qooIntroClose"></a>
                <div id="radarChart"></div>
            </div>
        </div>
    </script>
    <script type="text/html" id="tpl_topdata">
        <div class="qoo_topdata_container">
            <a href="#/qooindex" class="qoo_back">&nbsp;</a>
            <div class="datalist">
                <table>
                    <thead>
                        <tr>
                            <th>排名<div>排名</div></th><th style="width:30%">会员名称<div>&nbsp;会员名称</div></th><th>酷指数<div>&nbsp;酷指数</div></th><th>本月增幅<div>&nbsp;本月增幅</div></th>
                        </tr>
                    </thead>
                    <tbody id="qooTopDataList">
                        <tr><td colspan="4" id="qooTopDataMessage">正在加载中...</td></tr>
                    </tbody>
                </table>
            </div>
            <div style="clear:both">&nbsp;</div>
            <div style="text-align:center;margin-top:0.84375rem;">
                <a href="javascript:void(0)" id="qooTopDataIntro"></a>
            </div>
        </div>
        <!--排行榜说明-->
        <div class="weui_dialog_alert" id="qooTopdataPage" style="display:none;">
            <div class="weui_mask"></div>
            <div class="weui_dialog" style="width:95%;background-color:transparent;">
                <div class="weui_dialog_bd qoo_topdata_intro" style="padding:0">
                    <div id="qooTopdataClose"></div>
                </div>
                <!--<div class="weui_dialog_ft"></div>-->
            </div>
        </div>
    </script>
    <script type="text/html" id="tpl_noweixin">
        <div class="weui_msg">
            <div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div>
            <div class="weui_text_area">
                <h2 class="weui_msg_title">友情提示</h2>
                <p class="weui_msg_desc">请使用微信打开此页面</p>
            </div>
        </div>
    </script>
    <script type="text/html" id="tpl_xieyi">
        <div style="color:#fff;background-color:#f47a1f;z-index:100">
            <div class="weui_dialog_hd" style="text-align:center;font-size:1.1rem;"><strong>酷兒用户管理协议</strong></div>
            <div class="weui_dialog_bd" style="color:#fff;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;酷兒是一种饮料名，英文名为Qoo。Qoo起源自于日本 根据专门报导各式当红角色与相关商品的《Momo》杂志 之所以叫做「Qoo」原因是喜欢喝杯啤酒的日本成年人每当喝了好喝的啤酒后 就会满足地发出「咕咕」的声音。眼尖的可口可乐日本分公司决定主攻尚未开发的儿童饮料市场 并且设计出小朋友喝起来有近似於Qoo的声音的「Qoo果汁」。酷兒是一种饮料名，英文名为Qoo。Qoo起源自于日本 根据专门报导各式当红角色与相关商品的《Momo》杂志 之所以叫做「Qoo」原因是喜欢喝杯啤酒的日本成年人每当喝了好喝的啤酒后 就会满足地发出「咕咕」的声音。眼尖的可口可乐日本分公司决定主攻尚未开发的儿童饮料市场 并且设计出小朋友喝起来有近似於Qoo的声音的「Qoo果汁」。酷兒是一种饮料名，英文名为Qoo。Qoo起源自于日本 根据专门报导各式当红角色与相关商品的《Momo》杂志 之所以叫做「Qoo」原因是喜欢喝杯啤酒的日本成年人每当喝了好喝的啤酒后 就会满足地发出「咕咕」的声音。眼尖的可口可乐日本分公司决定主攻尚未开发的儿童饮料市场 并且设计出小朋友喝起来有近似於Qoo的声音的「Qoo果汁」。</div>
            <div class="weui_dialog_ft" style="text-align:center" id="myokxieyi">
                <a href="#/form" style="color:#fff;font-weight:bold" class="weui_btn_dialog primary">已阅并同意</a>
            </div>
        </div>
    </script>
    <script type="text/html" id="tpl_form">
        <div class="koo_form_head">
            <div>
                <a href="#/qooindex">&nbsp;</a>
                <span>完善个人资料</span>
            </div>
        </div>
        <div class="koo_form_content">
            <table>
                <tr>
                    <td><img src="images/head.png" id="tophead" style="width:40px;height:36px;" /><input type="hidden" id="myopenid" /></td>
                    <td id="topheadtxt">酷兒2016</td>
                </tr>
                <tr>
                    <td>手机号</td>
                    <td>
                        <input type="tel" maxlength="11" id="phone" /></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td class="weui_cells_checkbox" id="genderSex">
                        <label class="weui_cell weui_check_label" for="sex1">
                            <div class="weui_cell_ft">
                                <input type="radio" value="F" class="weui_check" name="sex" id="sex1">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>男</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="sex2">
                            <div class="weui_cell_ft">
                                <input type="radio" value="M" name="sex" class="weui_check" id="sex2">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>女</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="sex3">
                            <div class="weui_cell_ft">
                                <input type="radio" value="S" name="sex" class="weui_check" id="sex3">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>保密</p>
                            </div>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>生日</td>
                    <td>
                        <div class="form_select" id="birthday">请选择</div>
                        <input type="hidden" id="birthdayValue" value="" />
                    </td>
                </tr>
                <tr>
                    <td>城市</td>
                    <td>
                        <div class="form_select" id="city">请选择</div>
                        <input type="hidden" id="provinceID" value="" />
                        <input type="hidden" id="cityID" value="" />
                    </td>
                </tr>
                <tr>
                    <td>婚姻状况</td>
                    <td class="weui_cells_checkbox" id="merryContainer">
                        <label class="weui_cell weui_check_label" for="merry1">
                            <div class="weui_cell_ft">
                                <input type="radio" value="M" class="weui_check" name="merry" id="merry1">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>已婚</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="merry2">
                            <div class="weui_cell_ft">
                                <input type="radio" value="N" name="merry" class="weui_check" id="merry2">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>未婚</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="merry3">
                            <div class="weui_cell_ft">
                                <input type="radio" value="S" name="merry" class="weui_check" id="merry3">
                                <span class="weui_icon_checked"></span>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>保密</p>
                            </div>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>宝宝年龄</td>
                    <td>
                        <input type="hidden" id="age" value="" />
                        <div class="form_select actionsheetlist">请选择</div>                        
                        <div>
                            <div class="weui_mask_transition"></div>
                            <div class="weui_actionsheet">
                                <div class="weui_actionsheet_menu">
                                    <div class="weui_actionsheet_cell" data-val="">请选择</div>
                                    <div class="weui_actionsheet_cell" data-val="A">3岁以下</div>
                                    <div class="weui_actionsheet_cell" data-val="B">3-6岁</div>
                                    <div class="weui_actionsheet_cell" data-val="C">7-12岁</div>
                                    <div class="weui_actionsheet_cell" data-val="D">13-15岁</div>
                                    <div class="weui_actionsheet_cell" data-val="E">15岁以上</div>
                                    <div class="weui_actionsheet_cell" data-val="F">没有宝宝</div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr style="display:none">
                    <td>职业</td>
                    <td>
                        <input type="hidden" id="work" value="" />
                        <div class="form_select actionsheetlist">请选择</div>
                        <div>
                            <div class="weui_mask_transition"></div>
                            <div class="weui_actionsheet">
                                <div class="weui_actionsheet_menu" id="workItem">
                                    <div class="weui_actionsheet_cell" data-val="">请选择</div>
                                    <div class="weui_actionsheet_cell" data-val="A1">会计</div>
                                    <div class="weui_actionsheet_cell" data-val="A2">艺人</div>
                                    <div class="weui_actionsheet_cell" data-val="A3">医务人员</div>
                                    <div class="weui_actionsheet_cell" data-val="A4">驾驶员</div>
                                    <div class="weui_actionsheet_cell" data-val="A5">建筑师</div>
                                    <div class="weui_actionsheet_cell" data-val="A6">警务人员</div>
                                    <div class="weui_actionsheet_cell" data-val="A7">政客</div>
                                    <div class="weui_actionsheet_cell" data-val="A8">服务人员</div>
                                    <div class="weui_actionsheet_cell" data-val="A9">销售</div>
                                    <div class="weui_actionsheet_cell" data-val="A10">主管</div>
                                    <div class="weui_actionsheet_cell" data-val="A11">律师</div>
                                    <div class="weui_actionsheet_cell" data-val="A12">工人</div>
                                    <div class="weui_actionsheet_cell" data-val="A13">技术人员</div>
                                    <div class="weui_actionsheet_cell" data-val="A14">教师</div>
                                    <div class="weui_actionsheet_cell" data-val="A15">学生</div>
                                    <div class="weui_actionsheet_cell" data-val="A16">自由职业者</div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>兴趣爱好</td>
                    <td class="weui_cells_checkbox" id="interest">
                        <label class="weui_cell weui_check_label" for="interest1">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A1" class="weui_check" id="interest1">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>教育</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest2">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A2" class="weui_check" id="interest2">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>育儿</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest3">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A3" class="weui_check" id="interest3">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>美容</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest4">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A4" class="weui_check" id="interest4">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>数码</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest5">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A5" class="weui_check" id="interest5">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>书刊</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest6">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A6" class="weui_check" id="interest6">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>明星</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest7">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A7" class="weui_check" id="interest7">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>网购</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest8">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A8" class="weui_check" id="interest8">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>宠物</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest9">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A9" class="weui_check" id="interest9">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>美食</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest10">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A10" class="weui_check" id="interest10">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>观影</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest11">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A11" class="weui_check" id="interest11">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>运动</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest12">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A12" class="weui_check" id="interest12">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>旅游</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest13">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A13" class="weui_check" id="interest13">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>音乐</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest14">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A14" class="weui_check" id="interest14">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>动漫</p>
                            </div>
                        </label>                        <label class="weui_cell weui_check_label" for="interest15">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A15" class="weui_check" id="interest15">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>游戏</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest16">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A16" class="weui_check" id="interest16">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>汽车</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest17">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A17" class="weui_check" id="interest17">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>医疗健康</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest18">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A18" class="weui_check" id="interest18">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>金融理财</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest19">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A19" class="weui_check" id="interest19">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>房产家居</p>
                            </div>
                        </label>
                        <label class="weui_cell weui_check_label" for="interest20">
                            <div class="weui_cell_hd">
                                <input type="checkbox" value="A20" class="weui_check" id="interest20">
                                <i class="weui_icon_checked"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>其他</p>
                            </div>
                        </label>
                    </td>
                </tr>
                <tr>
                    <td class="form_valide_txt">验证码</td>
                    <td>
                        <input type="text" id="codeImg" maxlength="4" style="width:46%" />
                        <canvas id="myCodeImg" width="80" height="32" style="vertical-align: bottom;margin-left: 0.3rem;">您的浏览器不支持canvas</canvas>
                    </td>
                </tr>
            </table>
        </div>
        <div class="koo_form_footer">
            <div>
                <input class="weui_switch" disabled checked type="checkbox" style="vertical-align:bottom;" /><a href="#/xieyi" id="agreement">阅读并同意酷兒用户管理协议</a>
            </div>
            <a href="javascript:void(0)" id="kooFormBtn"></a>
        </div>
        <!--BEGIN 验证信息提示-->
        <div id="validateMsg" style="display: none;">
            <div class="weui_mask_transparent"></div>
            <div class="weui_toast">
                <i class="weui_icon_msg weui_icon_warn"></i>
                <p class="weui_toast_content"></p>
            </div>
        </div>
        <!--end 验证信息提示-->
        <!--BEGIN toast-->
        <div id="toast" style="display: none;">
            <div class="weui_mask_transparent"></div>
            <div class="weui_toast">
                <i class="weui_icon_toast"></i>
                <p class="weui_toast_content">提交成功</p>
            </div>
        </div>
        <!--end toast-->
        <!-- loading toast -->
        <div id="loadingToast" class="weui_loading_toast" style="display: none;">
            <div class="weui_mask_transparent"></div>
            <div class="weui_toast">
                <div class="weui_loading">
                    <div class="weui_loading_leaf weui_loading_leaf_0"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_1"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_2"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_3"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_4"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_5"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_6"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_7"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_8"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_9"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_10"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_11"></div>
                </div>
                <p class="weui_toast_content">正在提交中</p>
            </div>
        </div>
    </script>
    <script src="js/zepto.min.js"></script>
    <script src="js/router.min.js"></script>
    <script src="js/echarts/echarts3.js?t=20160612"></script>
    <script src="js/select_group/js/select_group.js?t=201605301"></script>
    <script src="js/select_group/js/date_select_group.js"></script>
    <script src="js/select_group/js/address_select_group.js"></script>
    <script src="js/index.js?t=20160627"></script>
</body>
</html>